<!--
a:link {color: #8a8a8a; text-decoration: none; }
a:active {color: #8a8a8a; text-decoration: none; }
a:visited {color: #7c7c7c; text-decoration: none; }
a:hover {color: #3E3E3E; text-decoration: none; }
-->

body
{
background-image: url("../wall4.png");
background-attachment:fixed;
}

#container {
	width: 1024 px;
	margin:none;
}

/*Top Bar*/
#header {
margin:0px;
border:0px;
position:absolute;
top:0px;
left:0px;
background-color: #8a8a8a;
width: 100%;
height:60px;
font-family: arial, serif;
text-align:center;
font-size:30px;
}

#header h1 {
text-align:center;
font-family: arial, serif;
font-size:30px;
}

#bottomcurve{
position: absolute;
left:0px;
top:60px;
width:100%;
height:15px;
background-color: transparent;
background-image: url("../bottoms.png");
background-size:100% 15px;
}

/*usermenu*/
#user {
position: absolute;
width:150px;
height: 32px;
right:30px;
top:23;
font-size:23px;
background-color: #4d4d4d;
color: #7c7c7c;
text-align:center;
border-radius: 10px 10px 10px 10px; 
-moz-border-radius: 10px 10px 10px 10px;
-WebKit-border-radius: 10px 10px 10px 10px;
z-index:9;
}

.usermenu{
position: absolute;
width:150px;
height: 32px;
right:30px;
top:23;
font-size:23px;
background-color: transparent;
color: transparent;
text-align:center;
border-radius: 10px 10px 10px 10px; 
-moz-border-radius: 10px 10px 10px 10px;
-WebKit-border-radius: 10px 10px 10px 10px;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
z-index:10;
}

.usermenu:hover {
position: absolute;
width:150px;
height: 110px;
right:30px;
top:23;
background-color: #4d4d4d;
text-align:center;
border-radius: 10px 10px 10px 10px; 
-moz-border-radius: 10px 10px 10px 10px;
-WebKit-border-radius: 10px 10px 10px 10px;
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=5);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
z-index: 10;
}

/*Drop Down Menu*/

.menubar {
 position:absolute;
 top: -28px;
 background-color: transparent;
 color: transparent;
 text-align: center;
 width: 100%;
 height:100px;
 -webkit-transition: all 0.7s ease-in-out;
 -moz-transition: all 0.7s ease-in-out;
 -o-transition: all 0.7s ease-in-out;
 z-index:2;
}

.menubar:hover {
 top:0px;
 background-color: transparent;
color:#c5c5c5;
}

.empty { 
position:absolute;
bottom:2px;
left:50%;
margin-left:-166px;
height:20px;
width:80px;
background-color: transparent;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
z-index:2;
}

.empty:hover{
opacity: 0.2;
-moz-opacity: 0.2;
filter:alpha(opacity=5);
background-color: transparent;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}

.empty2 { 
position:absolute;
bottom:2px;
left:50%;
margin-left:-82px;
height:20px;
width:80px;
background-color: transparent;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
z-index:2;
}

.empty2:hover{
opacity: 0.2;
-moz-opacity: 0.2;
filter:alpha(opacity=5);
background-color: transparent;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}

.empty3 { 
position:absolute;
bottom:2px;
left:50%;
margin-left:2px;
height:20px;
width:80px;
background-color: transparent;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
z-index:2;
}

.empty3:hover{
opacity: 0.2;
-moz-opacity: 0.2;
filter:alpha(opacity=5);
background-color: transparent;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}

.empty4 { 
position:absolute;
bottom:2px;
left:50%;
margin-left:86px;
height:20px;
width:80px;
background-color: transparent;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
z-index:2;
}

.empty4:hover{
opacity: 0.2;
-moz-opacity: 0.2;
filter:alpha(opacity=5);
background-color: transparent;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}

.menuhome {
position:absolute;
bottom:2px;
left:50%;
margin-left:-166px;
height:20px;
width:80px;
background-color: #8a8a8a;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
z-index:1;
}

.menuhome:hover {
background-color:#a3a3a3;
color:#8a8a8a;
}

.menulogin {
position:absolute;
bottom:2px;
left:50%;
margin-left:-82px;
height:20px;
width:80px;
background-color: #8a8a8a;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
z-index:1;
}

.menulogin:hover {
background-color:#a3a3a3;
color:#7c7c7c;
}

.menuregister {
position:absolute;
bottom:2px;
left:50%;
margin-left:2px;
height:20px;
width:80px;
background-color: #8a8a8a;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
z-index:1;
}

.menuregister:hover {
background-color:#a3a3a3;
color:#7c7c7c;
}

.menucredits {
position:absolute;
bottom:2px;
left:50%;
margin-left: 86px;
height:20px;
width:80px;
background-color: #8a8a8a;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
z-index:1;
}

.menucredits:hover {
background-color:#a3a3a3;
color:#7c7c7c;
}

/*homepage about*/
#about {
width: 471px;
background-color:#8a8a8a;
background-size:100%;
position: absolute;
left: 50%;
top:40%;
margin-left: -215px;
margin-top:-120px;
text-align:center;
border-radius: 10px 10px 10px 10px; 
-moz-border-radius: 10px 10px 10px 10px;
-WebKit-border-radius: 10px 10px 10px 10px;
}

/*login page*/
#login {
width: 271px;
height: 139px;
background-color:#8a8a8a;
position: absolute;
left: 50%;
top:40%;
margin-left: -115px;
margin-top: -120px;
text-align:right;
border-radius: 10px 10px 10px 10px; 
-moz-border-radius: 10px 10px 10px 10px;
-WebKit-border-radius: 10px 10px 10px 10px;
}

#alreadyloggedin{
width: 271px;
height:139px;
background-color:#8a8a8a;
position: absolute;
left: 50%;
top:40%;
margin-left: -115px;
margin-top: -120px;
text-align: center;
border-radius: 10px 10px 10px 10px; 
-moz-border-radius: 10px 10px 10px 10px;
-WebKit-border-radius: 10px 10px 10px 10px;
z-index:400;
}

/*Register page*/
#register {
height: 148px;
width: 271px;
background-color:#8a8a8a;
position: absolute;
left: 50%;
top:40%;
margin-left: -115px;
margin-top: -120px;
text-align:center;
border-radius: 10px 10px 10px 10px; 
-moz-border-radius: 10px 10px 10px 10px;
-WebKit-border-radius: 10px 10px 10px 10px;
}

/*UserSettings*/
#changepassword {
position: absolute;
width:200px;
height: 32px;
left:25%;
top:25%;
font-size:23px;
background-color: #4d4d4d;
color: #7c7c7c;
text-align:center;
border-radius: 10px 10px 10px 10px; 
-moz-border-radius: 10px 10px 10px 10px;
-WebKit-border-radius: 10px 10px 10px 10px;
z-index:9;
}

.changepasswordbox {
position: absolute;
width:200px;
height: 32px;
left:25%;
top:25%;
font-size:23px;
color: transparent;
text-align:center;
border-radius: 10px 10px 10px 10px; 
-moz-border-radius: 10px 10px 10px 10px;
-WebKit-border-radius: 10px 10px 10px 10px;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
z-index:10;
}

.changepasswordbox:hover {
position: absolute;
width:450px;
height:200px;
left:25%;
top:25%;
background-color: #4d4d4d;
text-align:right;
color:#7c7c7c;
border-radius: 10px 10px 10px 10px; 
-moz-border-radius: 10px 10px 10px 10px;
-WebKit-border-radius: 10px 10px 10px 10px;
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=5);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
z-index: 10;
}

/*Speed Settings*/
#speedsettings{
width: 271px;
height: 139px;
background-color:#8a8a8a;
position: absolute;
left: 50%;
top:40%;
margin-left: -115px;
margin-top: -120px;
text-align:center;
border-radius: 10px 10px 10px 10px; 
-moz-border-radius: 10px 10px 10px 10px;
-WebKit-border-radius: 10px 10px 10px 10px;
}
